<?php

/*
 * gpa_new Description
 * date 13 Feb 10
 * time 11:48:21
 * @$package
 * @name gallery_html
 * @filesource gallery_html.php
 * @author Hanny Setiawan
 */

?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title><?php echo $page_title; ?></title>
<script src="<?php echo getJsUrl(); ?>jquery.js" type="text/javascript"></script>
<link rel="stylesheet" href="<?php echo getCssUrl(); ?>gallery/gallery.css" type="text/css">
<link rel="stylesheet" href="<?php echo getCssUrl(); ?>home/home.css" type="text/css">

<!-- start jQuery menu -->
<link type="text/css" href="<?php echo getCssUrl(); ?>menu_apycom/menu.css" rel="stylesheet" />
<script type="text/javascript" src="<?php echo getJsUrl(); ?>menu_apycom/menu.js"></script>
<!-- end of jQuery menu -->

<!-- start Lightbox Gallery Image-->
<script src="<?php echo getJsUrl(); ?>prettyComments/prettyComments.js" type="text/javascript"></script>
<!-- end Lightbox Gallery Image -->

<!-- start Gallery Vertical -->
<link rel="stylesheet" href="<?php echo getCssUrl(); ?>ImageVertCarrousel/scroll.css" type="text/css" media="screen"/>
<script type='text/javascript' src="<?php echo getJsUrl(); ?>ImageVertCarrousel/jquery.imageScroller.js"></script>
<script type='text/javascript' src="<?php echo getJsUrl(); ?>ImageVertCarrousel/test.js"></script>
<!-- end Gallery Vertical -->

</head>
<body>

<div id="root">
    <div id="Table_01">
        <div id="index">
    	<div id="leftTop">
            <img class="logo" src="<?php echo getImgUrl(); ?>/home/logogpa.png" width="310" height="90" alt="Logo GPA">
        </div>
  		<div id="rightTop">
        	<div id="rTop">
            	<div class="login">
                	<div class="login-text">
                		<?php echo $usermenus; ?>
                    </div>
                    <div class="login-box">
                    	<input name="login-field" type="text" maxlength="30">
                    </div>
                </div>
            </div>
        	<div id="rBottom">
        		<div id="menu">
                            <?php echo $mainmenus; ?>
			</div>
        	</div>
    	</div>
	</div>
	<div id="index002">
            <div class="content">
                <h4>Gallery</h4>
                <table class="gallery" cellpadding="10">
                    <?php for ($i=0;$i<$row;$i++) { ?>
                    <tr>
                    <?php for ($j=0,$k=($i*$row);$j<$column;$j++,$k++){ ?>
                    <?php if(isset($images[$k])) { ?>
                        <td valign="bottom">
                            <a href="<?php echo $images[$k]['url']; ?>" title="<?php echo $images[$k]['title']; ?>" target="_blank">
                                <img src="<?php echo $images[$k]['thumb']; ?>" alt="<?php echo $images[$k]['title']; ?>" />
                                <br/><br/><?php echo count($images[$k]['user_comments']); ?> comments
                            </a>
                        </td>
                    <?php } else { ?>
                        <td>&nbsp;</td>
                    <?php } ?>
                    <?php } ?>
                    </tr>
                    <?php } ?>
                </table>
            </div>
	</div>
	<div id="index003">
	</div>
	<div id="index004">
            <div class="image-view-me">
                <img class="title-view-me" src="<?php echo getImgUrl(); ?>home/view_me.png">
                <div id='left'>
                    <?php foreach($images as $img) { ?>
                    <a href="<?php echo $img['url'];?>" title="<?php echo $img['title']; ?>">
                        <img src="<?php echo $img['thumb'];?>" alt="<?php echo $img['title']; ?>" />
                    </a>
                    <?php } ?>
                </div>
            </div>
            <div class="image-comment-me">
                <img class="title-comment-me" src="<?php echo getImgUrl(); ?>home/comment_me.png">
                <div id='bottom'>
                    <a href='' title='Balletto'>
                        <img src='<?php echo getImgUrl(); ?>ImageVertCarrousel/pre1.jpg' />
                    </a>
                        <img src='<?php echo getImgUrl(); ?>ImageVertCarrousel/pre2.jpg' title='Pesca' />
                    <a href='' title='Tigre'>
                        <img src='<?php echo getImgUrl(); ?>ImageVertCarrousel/pre3.jpg' />
                    </a>
                        <img src='<?php echo getImgUrl(); ?>ImageVertCarrousel/pre4.jpg' title='Lago' />
                    <a href='' title='Abstract'>
                        <img src='<?php echo getImgUrl(); ?>ImageVertCarrousel/pre5.jpg' />
                    </a>
                    <a href='' title='Penguins'>
                        <img src='<?php echo getImgUrl(); ?>ImageVertCarrousel/Penguins.jpg' />
                    </a>
                    <a href='' title='Koala'>
                        <img src='<?php echo getImgUrl(); ?>ImageVertCarrousel/Koala.jpg' />
                    </a>
                </div>
            </div>
	</div>
    </div>
</div>
    	<a id="thanks" href="http://apycom.com/">Apycom jQuery Menus</a>
</body>
</html>